<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="bootstrap-5.3.0-dist/css/bootstrap.min.css">
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col">
        <p class="text-primary">.text-primary类：蓝色文本</p>
        <p class="text-secondary">.text-secondary类：灰色文本</p>
        <p class="text-success">.text-success类：绿色文本</p>
        <p class="text-muted">.text-muted类：浅灰色文本</p>
        <p class="text-danger">.text-danger类：红色文本</p>
        <p class="text-info">.text-info类：浅蓝色文本</p>
        <p class="text-warning">.text-warning类：黄色文本</p>
      </div>
      <div class="col">
        <p class="text-dark">.text-dark类：深色文本</p>
        <p class="text-light" style="background-color: #000;">.text-light类：浅色文本</p>
        <p class="text-body">.text-body类：正文文本的颜色</p>
        <p class="text-white" style="background-color: #000;">.text-white类：白色文本</p>
        <p class="text-white-50" style="background-color: #000;">.text-white-50类：白色文本—透明度为0.5</p>
        <p class="text-black">.text-black类：黑色文本</p>
        <p class="text-black-50">.text-black-50类：黑色文本—透明度为0.5</p>
      </div>
    </div>
  </div>
</body>
</html>